<!DOCTYPE html>
<html>
<head>
    <title>预约表</title>
		<#include "/header.html">
    <script src="${request.contextPath}/statics/libs/ajaxupload.js"></script>
</head>
<body>
<div id="rrapp" v-cloak>
    <div v-show="showList">
        <div class="grid-btn">
			<#if shiro.hasPermission("hos:appointment:delete")>
            <a class="btn btn-primary" @click="del"><i class="fa fa-trash-o"></i>&nbsp;删除</a>
			</#if>
        </div>
        <table id="jqGrid"></table>
        <div id="jqGridPager"></div>
    </div>
    <form class="form-horizontal" action="/hos/appointment/save" method="post" style="width: 100%;height: 100%;" >
    <div v-show="!showList" class="panel panel-default" style="margin-left: -250px">
        <div class="panel-heading">{{title}}</div>
			<div class="form-group" >
                <input type="hidden" id="appointmentId" name="appointmentId" v-model="appointment.id">
                <input type="hidden" id="patientId"  name="patientId" v-model="userData.id" >
                <div class="col-sm-2 control-label">患者姓名:</div>
                <div class="col-sm-1">
                    <input type="text" class="form-control" id="name" name="name" v-model="userData.name" placeholder="患者姓名"/>
                </div>
                <div class="col-sm-1 control-label" ><span>联系方式:</span></div>
                <div class="col-sm-2">
                    <input type="text" class="form-control" id="phone" name="phone" v-model="userData.phone" placeholder="联系方式"/>
                </div>
                <div class="col-sm-4"></div>
            </div>
			<div class="form-group">
                <div class="col-sm-2 control-label">年龄:</div>
                <div class="col-sm-1">
                    <input type="text" class="form-control" id="age" name="age" v-model="userData.age" placeholder="年龄"/>
                </div>
                <div class="col-sm-1 control-label">身份证号:</div>
                <div class="col-sm-2">
                    <input type="text" class="form-control" id="card" name="card" v-model="userData.card" placeholder="身份证号"/>
                </div>
            </div>
			<div class="form-group">
                <div class="col-sm-2 control-label"><a type="button" class="btn btn-success"   @click="check"  >治疗信息</a></div>
                <div class="col-sm-1 control-label"><a type="button" class="btn btn-default" @click="change">诊疗图片</a></div>
            </div>
            <div  class="form-group" >
                <div class="col-sm-2 control-label">
                    <p><h3>基础病情:</h3></p>
                </div>
                <div class="col-sm-10 control-label">
                </div>
            </div>

            <div v-show="showList2">
                <div class="form-group">
                    <div class="col-sm-2 control-label">
                        <p><h3>手术:</h3></p>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-2 control-label">
                        <p><span>治疗前:</span></p>
                    </div>
                    <div class="col-sm-1 control-label">
                        <img src="/statics/1.jpg"  width="100px" height="100px">
                        <img id="imag1"  width="100px" height="100px">
                    </div>
                    <div class="col-sm-1 control-label">
                        <a class="btn btn-primary" id="upload"><i class="fa fa-plus"></i>&nbsp;上传图片</a>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-2 control-label">
                        <p><span>治疗后:</span></p>
                    </div>
                    <div class="col-sm-1 control-label">
                        <img src="" width="100px" height="100px">
                    </div>
                    <div class="col-sm-1 control-label">
<#--                        <input type="file" multiple="multiple" >-->
                        <a class="btn btn-primary" id="upload"><i class="fa fa-plus"></i>&nbsp;上传图片</a>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-2 control-label">
                        <p><span>病例:</span></p>
                    </div>
                    <div class="col-sm-1 control-label" >
                        <img src="" width="100px" height="100px">
                    </div>
                    <div class="col-sm-1 control-label">
                        <a class="btn btn-primary" id="upload"><i class="fa fa-plus"></i>&nbsp;上传文件</a>
                    </div>
                </div>
            </div>
            <div v-show="!showList2">
                <div class="form-group" style="margin-top: -15px">
                    <div class="col-sm-2 control-label">
                        <p><span>病情描述:</span></p>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-2 control-label">主述:</div>
                    <div class="col-sm-5">
                        <textarea class="form-control" name="remak" rows="3" placeholder="病情描述"></textarea>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-2 control-label">诊断:</div>
                    <div class="col-sm-5">
                        <input type="text" class="form-control" name="diagnose" rows="3" placeholder="诊断结果">
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-2 control-label">病史:</div>
                    <div class="col-sm-5">
                        <textarea type="text" class="form-control" name="medical" rows="3" placeholder="病史"></textarea>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-2 control-label">
                        <p><h3>治疗方案</h3></p>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-2 control-label">科室:</div>
                    <div class="col-sm-1">
                        <select style="margin-top: auto" >
                            <option value="5">儿科</option>
                            <option value="6">外科</option>
                            <option value="7">内科</option>
                            <option value="8">妇产科</option>
                            <option value="9">内分泌科</option>
                            <option value="10">检验科</option>
                            <option value="11">放射科</option>
                            <option value="4">肛肠科</option>
                        </select>
                    </div>
                    <div class="col-sm-1 control-label" >治疗总数:</div>
                    <div class="col-sm-1"><input type="text" class="form-control"   placeholder="治疗次数"></div>
                    <div class="col-sm-1 control-label">治疗部位:</div>
                    <div class="col-sm-2"><input type="text" class="form-control" name="reportName" placeholder="治疗部位"></div>
                    <div class="col-sm-1 control-label">以治疗数:</div>
                    <div class="col-sm-1"><input type="text" class="form-control" name="" placeholder="以治疗数"></div>
                </div>
                <div class="form-group">
                    <div class="col-sm-2 control-label">合计费用:</div>
                    <div class="col-sm-5"><input type="text" class="form-control" name="price"   placeholder="合计费用"></div>
                </div>
            </div>
        <div class="form-group">
            <div class="col-sm-2 control-label"></div>

            &nbsp;&nbsp;
            <div class="col-sm-1 control-label"> <input type="submit" class="btn btn-primary" id="btnSaveOrUpdate" data-loading-text="保存中..."
                                                        @click="saveOrUpdate" value="确定"/></div>
            <div class="col-sm-1 control-label"><input type="button" class="btn btn-warning" @click="reload" value="返回"/></div>
        </div>
    </div>

    </form>
</div>

<script src="${request.contextPath}/statics/js/modules/hos/appointment.js?_${.now?long}"></script>
</body>
</html>